import styled from 'styled-components'

const LoginWrapper = styled.div `
        height: 100%;
    .content{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        background-color: #fff;
        >img {
            margin-top:.1rem;
            margin-bottom:.4rem;
        }
        .all{
            width: 100%;
            display: flex;
            flex-direction: column;
            align-content: flex-start;
            padding-left:.2rem;
            .title{
                font-size:.2rem;
                margin-bottom:0.1rem;
            }
            .welcome{
                font-size:.14rem;
                color: #999;
            }

        }
        .form{
            margin-top:.5rem;
            width: 100%;
            display: flex;
            flex-direction: column;
            align-content: flex-start;
            padding-left:.2rem;
            .tl{
                font-size:.16rem;
                color:#666;
            }
            >input{
                width:3.35rem;
                border-radius:.1rem;
                height:.4rem;
                border-width: 0;
                background-color:rgb(242,247,251);
                color: #666;
                padding-left:.2rem;
                margin:.2rem 0;

            }
            .read{
                display: flex;
                flex-direction: row;
                align-content: flex-start;
                margin-bottom:.2rem;
                .ok{
                    font-size:.12rem;
                    color: #ccc;
                    margin-left:.1rem;
                    margin-right:.55rem;
                    
                    b{
                        color: #2984f8;
                    }

                }
                .memo{
                    font-size:.12rem;
                }

            }
            button{
                width:3.35rem;
                margin:0
            }
        }
        .bottom{
            display: flex;
            flex-direction: row;
            justify-content:space-between ;
            width: 100%;
            margin-top:.2rem;
            padding:0 .2rem;
            span{
                font-size:.12rem;
                color: #2984f8;
            }
        }
        
    }
    
    
`

export {
    LoginWrapper
}